<template>
    <div>
        <van-nav-bar title="订单列表" left-text="返回" left-arrow @click-left="() => { $router.push('/') }" fixed />
        <div style="height: 45px;"></div>
        <van-tabs v-model:active="active">
            <van-tab title="全部">
                <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />

            </van-tab>
            <van-tab title="待付款">内容 2</van-tab>
            <van-tab title="已付款">内容 3</van-tab>
            <van-tab title="待收货">内容 4</van-tab>
            <van-tab title="待评价">内容 2</van-tab>
            <van-tab title="售后">内容 3</van-tab>
        </van-tabs>
    </div>
</template>

<script setup>
import { ref } from 'vue';
const active = ref(0);
</script>

<style lang="scss" scoped></style>